<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<table class="easyui-datagrid" id="itemList" title="商品列表" 
       data-options="singleSelect:false,collapsible:true,pagination:true,url:'/tbItem',method:'get',pageSize:30,toolbar:toolbar">
    <thead>
        <tr>
        	<th data-options="field:'ck',checkbox:true"></th>
        	<th data-options="field:'id',width:60">商品ID</th>
            <th data-options="field:'title',width:200">商品标题</th>
            <th data-options="field:'cid',width:100">叶子类目</th>
            <th data-options="field:'sellPoint',width:100">卖点</th>
            <th data-options="field:'price',width:70,align:'right',formatter:TAOTAO.formatPrice">价格</th>
            <th data-options="field:'num',width:70,align:'right'">库存数量</th>
            <th data-options="field:'barcode',width:100">条形码</th>
            <th data-options="field:'status',width:60,align:'center',formatter:TAOTAO.formatItemStatus">状态</th>
            <th data-options="field:'created',width:130,align:'center',formatter:TAOTAO.formatDateTime">创建日期</th>
            <th data-options="field:'updated',width:130,align:'center',formatter:TAOTAO.formatDateTime">更新日期</th>
        </tr>
    </thead>
</table>
<div id="itemEditWindow" class="easyui-window" title="编辑商品" data-options="modal:true,closed:true,iconCls:'icon-save',href:'/views/item-edit.jsp'" style="width:80%;height:80%;padding:10px;">
</div>
<script>

    function getSelectionsIds(){
    	var itemList = $("#itemList");
    	var sels = itemList.datagrid("getSelections");
    	var ids = [];
    	for(var i in sels){
    		ids.push(sels[i].id);
    	}
    	ids = ids.join(",");
    	return ids;
    }

    //查询类目的名称
    var cidname;
    function querycidName(cid){
        $.ajax({
            type: "POST",
            url:"/tbItemCat/queryName",

            data:"cid="+cid,
            async:false,
            success: function(data){
                cidname=data.name;
            }
        })
    }


    var toolbar = [{
        text:'新增',
        iconCls:'icon-add',
        handler:function(){
        	$(".tree-title:contains('新增商品')").parent().click();
        }
    },{
        text:'编辑',
        iconCls:'icon-edit',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','必须选择一个商品才能编辑!');
        		return ;
        	}
        	//如果用逗号分隔提示
        	if(ids.indexOf(',') > 0){
        		$.messager.alert('提示','只能选择一个商品!');
        		return ;
        	}
        	
        	$("#itemEditWindow").window({
        		onLoad :function(){
        			//回显数据
                    //$("#itemList").datagrid("getSelections")[0]拿到点击的一行数据
        			var data = $("#itemList").datagrid("getSelections")[0];
        			//formatPrice商品价格  添加一个价格的属性
        			data.priceView = TAOTAO.formatPrice(data.price);
        			//通过load方法回现
        			$("#itemeEditForm").form("load",data);
        			
        			// 加载商品描述
        			$.getJSON('/tbItemDesc/'+data.id,function(_data){
        				itemEditEditor.html(_data.itemDesc);
        			});
        			
        			//加载商品规格  根据商品ID查询数据
        			$.getJSON('/tbItemParamItem/'+data.id,function(_data){
        					$("#itemeEditForm .params").show();
        					$("#itemeEditForm .params").show();
        					$("#itemeEditForm [name=itemParams]").val(_data.paramData);
        					$("#itemeEditForm [name=itemParamId]").val(_data.id);
        					//回显商品规格
        					 var paramData = JSON.parse(_data.paramData);
        					 var html = "<ul>";
        					 for(var i in paramData){
        						 var pd = paramData[i];
        						 html+="<li><table>";
        						 html+="<tr><td colspan=\"2\" class=\"group\">"+pd.group+"</td></tr>";
        						 for(var j in pd.params){
        							 var ps = pd.params[j];
        							 html+="<tr><td class=\"param\"><span>"+ps.k+"</span>: </td><td><input autocomplete=\"off\" type=\"text\" value='"+ps.v+"'/></td></tr>";
        						 }
        						 html+="</li></table>";
        					 }
        					 html+= "</ul>";
        					 $("#itemeEditForm .params td").eq(1).html(html);
        			});

        			//显示类目名称方法
                    querycidName(data.cid)

        			//商品类目回显
        			TAOTAO.init({
        				"pics" : data.image,
        				"cid" : data.cid,
                        "cname":cidname,
        				fun:function(node){
        					TAOTAO.changeItemParam(node, "itemeEditForm");
        				}
        			});
        		}
        	}).window("open");
        }
    },{
        text:'删除',
        iconCls:'icon-cancel',
        handler:function(){
            var ids = getSelectionsIds();
            if(ids.length == 0){
                $.messager.alert('提示','未选中商品!');
                return ;
            }
        	$.messager.confirm('确认','确定删除ID为 '+ids+' 的商品吗？',function(r){
        	    if (r){
        	    	var params = {"ids":ids};
                    $.ajax({
                        type: "POST",// 此处发送的是POST请求
                        url: "/tbItem/delete",
                        // 将请求转变为DELETE请求
                        data: {"id":params.ids},
                        success: function (data) {
                            $.messager.alert('提示','删除商品成功!',undefined,function(){
                                $("#itemList").datagrid("reload");
                            });
                        }
                    });
        	    }
        	});
        }
    },'-',{
        text:'下架',
        iconCls:'icon-remove',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
        	$.messager.confirm('确认','确定下架ID为 '+ids+' 的商品吗？',function(r){
        	    if (r){
        	    	var params = {"ids":ids};
                    $.ajax({
                        type: "POST",// 此处发送的是POST请求
                        url: "/tbItem/instock",
                        // 将请求转变为DELETE请求
                        data: {"id":params.ids},
                        success: function (data) {
                            $.messager.alert('提示','下架商品成功!',undefined,function(){
                                $("#itemList").datagrid("reload");
                            });
                        }
                    });
        	    }
        	});
        }
    },{
        text:'上架',
        iconCls:'icon-remove',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
        	$.messager.confirm('确认','确定上架ID为 '+ids+' 的商品吗？',function(r){
        	    if (r){
        	    	var params = {"ids":ids};

                    $.ajax({
                        type: "POST",// 此处发送的是POST请求
                        url: "/tbItem/reshelf",
                        // 将请求转变为DELETE请求
                        data: {"id":params.ids},
                        success: function (data) {
                                $("#itemList").datagrid("reload");

                            // if (data.status == 204) {
                            //     $.messager.alert('提示','下架商品成功!',undefined,function(){
                            //         $("#itemList").datagrid("reload");
                            //     });
                            // }else {
                            //     $("#itemList").datagrid("reload");
                            // }
                        }
                    });

                    // $.post("/tbItem/reshelf",params, function(data){
            		// 	if(data.status == 200){
            		// 		$.messager.alert('提示','上架商品成功!',undefined,function(){
            		// 			$("#itemList").datagrid("reload");
            		// 		});
            		// 	}
            		// });
        	    }
        	});
        }
    }];
</script>